<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Communication
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20090523

	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
-->
<html 	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />


	<link href="#{facesContext.externalContext.requestContextPath}/templates/communication/style.css" 
	rel="stylesheet" type="text/css"  media="screen" />

	<h:outputScript library="scripts" name="prototype.js"/>
	<h:outputScript library="scripts" name="jquery-1.5.2.js"/>
	<h:outputScript library="scripts" name="jquery.maskedinput-1.2.2.js"/>
	<h:outputScript library="scripts" name="jquery.maskMoney-0.2.js"/>
	<h:outputScript>
		jQuery(function($){
	   $(".data").mask("99/99/9999");
	   $(".telefone").mask("(99) 9999-9999");
	   $(".tin").mask("99-9999999");
	   $(".ssn").mask("999-99-9999");
	   $(".CPF").mask("999.999.999-99");
	   $(".CNPJ").mask("99.999.999/9999-99");
	   $(".IE_AC").mask("99.999.999/999-99");
	   $(".IE_AL").mask("999999999");
	   $(".IE_AP").mask("999999999");
	   $(".IE_AM").mask("99.999.999-9");
	   $(".IE_BA").mask("999999-99");
	   $(".IE_CE").mask("99999999-9");
	   $(".IE_DF").mask("99999999999-99");
	   $(".IE_ES").mask("999999999");
	   $(".IE_GO").mask("99.999.999-9");
	   $(".IE_MA").mask("999999999");
	   $(".IE_MT").mask("9999999999-9");
	   $(".IE_MS").mask("999999999");
	   $(".IE_MG").mask("999.999.999/9999");
	   $(".IE_PA").mask("99-999999-9");
	   $(".IE_PB").mask("99999999-9");
	   $(".IE_PR").mask("99999999-99");
	   $(".IE_PE").mask("99.9.999.9999999-9");
	   $(".IE_PI").mask("999999999");
	   $(".IE_RJ").mask("99.999.99-9");
	   $(".IE_RN").mask("99.999.999-9");
	   $(".IE_RS").mask("999/9999999");
	   $(".IE_RO").mask("999.99999-9");
	   $(".IE_RR").mask("99999999-9");
	   $(".IE_SC").mask("999.999.999");
	   $(".IE_SP").mask("999.999.999.999");
	   $(".IE_SE").mask("999999999-9");
	   $(".IE_TO").mask("99999999999");
	});

	jQuery(function($){
		$(".currency").maskMoney();
		$(".real").maskMoney({symbol:"R$", decimal:","});
		$(".precision").maskMoney({precision:3})
	})
	function removeMask(){
		$(".currency").unmaskMoney();
		$(".real").unmaskMoney();
	}
	</h:outputScript>
	
	<!--
	<h:outputStylesheet library="css" name="login.css"/>
	<h:outputStylesheet library="css" name="styleFormList.css"/> 
	-->
<title><h:outputText value="#{msg.application_title} :: " /><ui:insert name="titulo" /></title>
</h:head>
<h:body>
<div id="wrapper">
	<div id="header">
		<ui:insert name="cabecalho">
			<ui:include src="./header.xhtml" />
		</ui:insert>
	</div>
	<!-- end #header -->
	
	<div id="menu">
		<ui:insert name="menu">
			<ui:include src="/templates/communication/menu/menu.xhtml" />
		</ui:insert>
	</div>
	<!-- end #menu -->
	
	<div id="page">
	<div id="page-bgtop">
	<div id="page-bgbtm">
		<div id="content">
			<!-- Código de leiaute antes das mensagens e alertas do sistema -->
			<div id="alertas">
				<ui:insert name="alertas">
					Alertas não especificado...
				</ui:insert>
			</div>
			<!-- Código de leiaute depois das mensagens e alertas do sistema -->
			
			<!-- Código de leiaute antes do conteúdo principal da página -->
			<ui:insert name="conteudo">
				Conteúdo não especificado...
			</ui:insert>
			<!-- Código de leiaute depois do conteúdo principal da página -->
			<div style="clear: both;">&nbsp;</div>
			
			<div id="mensagens">
				<ui:insert name="mensagens">
					Mensagens não especificado...
				</ui:insert>
			</div>
		</div>
		<!-- end #content -->
		
		<div style="clear: both;">&nbsp;</div>
	</div>
	</div>
	</div>
	<!-- end #page -->
</div>
	<div id="footer">
		<ui:insert name="footer">
			<ui:include src="./footer.xhtml" />
		</ui:insert>
	</div>
	<!-- end #footer -->
</h:body>
</html>